<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>AdminLTE 3 | Simple Tables</title>

    <link rel="stylesheet" href="./public/css/main.css">

    <link rel="stylesheet" href="./public/css/all.min.css">

    <link rel="stylesheet" href="./public/css/adminlte.min.css">
    <!-- <script src="./public/js/s.js"></script></head> -->

<body class="hold-transition sidebar-mini">
    <div class="wrapper">

        <nav class="main-header navbar navbar-expand navbar-white navbar-light">

            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
                </li>
                <li class="nav-item d-none d-sm-inline-block">
                    <a href="#" class="nav-link">Home</a>
                </li>
           
            </ul>

        </nav>


        <aside class="main-sidebar sidebar-dark-primary elevation-4">

            <a href="#" class="brand-link">
                <img src="./public/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
                    style="opacity: .8">
                <span class="brand-text font-weight-light">AdminLTE 3</span>
            </a>

            <div class="sidebar">

                <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                    <div class="image">
                        <img src="./public/img/user2-160x160.jpeg" class="img-circle elevation-2" alt="User Image">
                    </div>
                    <div class="info">
                        <a href="javascript:void(0)" class="d-block" id="userName">未登录</a>
                        <a href="javascript:void(0)"  id="logout" style="display: none;">退出登录</a>
                    </div>
                </div>

              

                <nav class="mt-2">
                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
                        data-accordion="false">

                        <li class="nav-item">
                            <a href="javascript:void(0)" id="registerMenu" class="nav-link">
                                <i class="nav-icon far fa-calendar-alt"></i>
                                <p>
                                   注册
                                </p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="javascript:void(0)" id="loginMenu"  class="nav-link">
                                <i class="nav-icon far fa-image"></i>
                                <p>
                                    登录
                                </p>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="javascript:void(0)" id="listMenu"  class="nav-link">
                                <i class="nav-icon fas fa-columns"></i>
                                <p>
                                    用户列表
                                </p>
                            </a>
                        </li>

                    </ul>
                </nav>

            </div>

        </aside>

        <div class="content-wrapper">


            <section class="content" id="app">
                <div class="div1"></div>
            </section>

        </div>

        <footer class="main-footer">
            <div class="float-right d-none d-sm-block">
                <b>Version</b> 3.2.0
            </div>
            <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights
            reserved.
        </footer>

        <aside class="control-sidebar control-sidebar-dark">

        </aside>

    </div>


    <script src="./public/js/jquery.min.js"></script>

    <script src="./public/js/bootstrap.bundle.min.js"></script>

    <script src="./public/js/adminlte.min.js?v=3.2.0"></script>

    <script src="./public/js/demo.js"></script>
</body>

</html>